<div ng-controller="LayoutCtrl" ng-init="addAction()" class="sui-form form-horizontal">
    <ul class="sui-breadcrumb">
        <li><a href="#/layout/list">layout</a></li>
        <li class="active"> {{'list' | translate}}</li>
    </ul>
    <div class="control-group">
        <div data-ng-model="Effect" id="board" class="span4">
            <span>效果图</span>
            <div id="columns" class="sui-row">
                <div class="span4">
                    <ul class="card-list" as-sortable="kanbanSortOptions" data-ng-model="Effect.content">
                        <li ng-repeat="(key, card) in Effect.content" as-sortable-item="" class="card">
                            <div as-sortable-item-handle="">
                                <div class="sui-row">
                                    <div style="width: 310px;" class="span4">
                                        <div ng-show="card.subtype =='search'">
                                            <table class="sui-table table-nobordered">
                                                <thead>
                                                    <tr>
                                                        <th colspan="2">
                                                            <label class="center">
                                                                <input type="text" placeholder="{{'keyword'|translate}}">
                                                                <button class="sui-btn btn-primary">{{'search'|translate}}</button>
                                                            </label>
                                                            <span class="pull-right">
                                                            <a data-no-drag="" ng-click="removeCard(key)"><i class="sui-icon icon-tb-close"></i></a> 
                                                        </span>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td ng-repeat="(ik,is) in searchStyle">
                                                            <img ng-src="{{is.img}}">
                                                            <span>A-{{ik+1}}商品</span>
                                                            <span ng-repeat="(subkey, data) in card.data">
                                                          <span ng-show="data.value && data.type=='bool'">
                                                          <button class="sui-btn btn-warning">{{data.title}}</button>
                                                            </span>
                                                            </span>
                                                            <div>
                                                                <font color="#FF0000">￥100</font>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div ng-show="card.subtype =='storelog'">
                                            <div style="position: relative; width: 326px; height: 160px; background-color:{{card.data[0].value}};background-image:url('{{card.data[1].value}}')">
                                                <span style="position: absolute; top: 0; left: 0; padding:30px 104px;">
                                              <img ng-src="http://192.168.3.12:8081/static/uploads/0314d6e7-5505-4ac6-8ade-716fbd21e86e.gif" width="100px">
                                              {{card.name}}
                                              </span>
                                            </div>
                                        </div>
                                        <div ng-show="card.subtype =='catitems'">
                                            <table class="sui-table table-nobordered">
                                                <tbody>
                                                    <tr>
                                                        <td ng-repeat="(ik,is) in searchStyle">
                                                            <img ng-src="{{is.img}}">
                                                            <span>A-{{ik+1}}商品</span>
                                                            <span ng-repeat="(subkey, data) in card.data">
                                                            </span>
                                                            <div>
                                                                <font color="#FF0000">￥100</font>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="span4">
            <span>可选组件</span>
            <div class="sui-row">
                <div class="span4">
                    <ul class="card-list" ng-repeat="(key, public) in Publics">
                        <li class="re-li">
                            <div class="sui-form">
                                <span>
                                  <input type="checkbox" name="cont" ng-click="CheckedData(public,$event,public.subtype)" ng-checked="Checked(public.subtype)" >
                                  {{key+1}}、 <ui-mods-list ng-model="public.subtype" stype="1" return="1"></ui-mods-list>
                                </span>
                                <br> 可选属性
                                <div ng-repeat="(subkey, data) in public.data">
                                    {{data.title}}
                                    <span ng-if="data.type == 'items' ">
                                        <choice-item  item-check="itemdata(items,public.subtype,data.type)" is-chose-item="1" mult="yes" ng-show="!stockCheck.stockcheck_id"></choice-item>
                                    </span>
                                    <span ng-if="data.type == 'bool' ">
                                      <choice ng-model="data.value"></choice>
                                    </span>
                                    <span ng-if="data.type == 'color' ">
                                      <color-assembly color="data.value" isname="{{data.name}}"
                                       name="{{public.subtype}}"  ></color-assembly>
                                    </span>
                                    <span ng-if="data.type == 'image' ">
                                      <attachment owner-id="1" owner-type="item" dhf-ng-model="data.value" xtype="url" mult="false" title="图片" use-type="png,jpeg,gif,jpg,JPG,PNG,JPEG,GIF"></attachment>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label"></label>
        <div class="controls">
            <button type="submit" id="submit" class="sui-btn btn-primary" ng-click="save($event)">
                <span>{{'save' | translate}}</span>
            </button>
        </div>
    </div>
</div>